<template>
  <!-- <iframe
    id="iframe"
    ref="iframeRef"
    allowfullscreen="true"
    webkitallowfullscreen="true"
    mozallowfullscreen="true"
    :src="iframurl"
    scrolling="auto"
    frameborder="0"
  >
  </iframe> -->
  <iframe
    ref="iframeRef"
    src="https://wap.js.10086.cn/ex/groupwap/business/loadIndex/ydwlb?token=MGSTnid00000117351203491567Zv4zwp8sAvpmNqB6oKwYeVq9jrLGIbv"
  >
  </iframe>

  <!-- <div>
      <div class="position1">
        经度：{{ lng1 }}纬度：{{ lat1 }}
        <button @click="testPosition1">获取定位1</button>
      </div>
      <div class="position2">
        经度：{{ lng2 }}纬度：{{ lat2 }}
        <button @click="testPosition2">获取定位2</button>
      </div>
      <div id="mapContainer" style="width: 100%; height: 500px"></div>
    </div> -->
</template>

<script lang="ts" setup>
import { onMounted, ref, getCurrentInstance } from "vue";
// const iframurl = ref<string>("https://www.baidu.com/index.htm");//iframe地址单点登录测试
const iframeRef = ref();
const { proxy }: any = getCurrentInstance();
proxy.$config;
console.log("全局对象使用", proxy.$config);
// const map = ref<any>();

onMounted(() => {
  // window.location.href =
  //   "https://wap.js.10086.cn/ex/groupwap/business/loadIndex/ydwlb?token=MGSTnid0000011735118694490g1zGW2G4iuLO1udhTP3t9j66EERcgPTg";
  // // @ts-ignore
  // map.value = new window.AMap.Map("mapContainer", {
  //   zoom: 10,
  //   center: [116.397428, 39.90923], // 默认中心点（北京）
  // });
});

// const lng1 = ref<any>()
// const lat1 = ref<any>()
// const lng2 = ref<any>()
// const lat2 = ref<any>()
// const testPosition1 = async () => {
//   const res: any = await getPosition()
//   lng1.value = res.longitude
//   lat1.value = res.latitude
//   const position = new window.AMap.LngLat(res.longitude, res.latitude) //Marker 经纬度
//   const marker = new window.AMap.Marker({
//     position: position,
//     title: "当前位置",
//     icon: new window.AMap.Icon({
//       size: new window.AMap.Size(40, 50),
//       image: "https://a.amap.com/jsapi_demos/static/demo-center/icons/poi-marker-red.png"
//     })
//   })
//   map.value.add(marker)
//   map.value.panTo(position) // 将地图中心移动到当前位置
// }
// const testPosition2 = async () => {
//   //@ts-ignore
//   window.AMap.plugin("AMap.Geolocation", function () {
//     //@ts-ignore
//     const geolocation = new window.AMap.Geolocation({
//       enableHighAccuracy: true, // 是否使用高精度定位，默认:true
//       timeout: 10000, // 超过10秒后停止定位，默认：无穷大
//       maximumAge: 0, // 定位结果缓存0毫秒，默认：0
//       convert: true // 自动偏移坐标，偏移后的坐标为高德坐标，默认：true
//       // buttonPosition: "LB", // 定位按钮位置
//       // buttonOffset: new AMap.Pixel(10, 20), // 定位按钮与地图的偏移量
//       // zoomToAccuracy: true // 定位成功后调整地图视野范围
//     })
//     map.value.addControl(geolocation)
//     geolocation.getCurrentPosition(function (status: any, result: any) {
//       if (status === "complete") {
//         // 定位成功，添加标记
//         const marker = new window.AMap.Marker({
//           position: result.position,
//           title: "当前位置",
//           icon: new window.AMap.Icon({
//             size: new window.AMap.Size(40, 50),
//             image: "https://webapi.amap.com/theme/v1.3/markers/n/mark_b.png"
//           })
//         })
//         map.value.add(marker)
//         map.value.panTo(result.position) // 将地图中心移动到当前位置
//         lng2.value = result.position.lng
//         lat2.value = result.position.lat
//       } else {
//         console.error("定位失败：", result)
//       }
//     })
//   })
// }
</script>

<style scoped lang="scss">
iframe {
  width: 100vw;
  height: 100vh;
}
</style>
